*{
  margin: 0;
  padding:0;
  box-sizing:border-box;
}
.el-table .warning-row {
  background: oldlace;
}
.el-table .success-row {
  background: #f0f9eb;
}
.order{
  position: relative;
  top:1.5rem;
  .order_top{
    width:82%;
    height:1rem;
    margin:0 auto;
    // background: pink;
    .p1{
      .ding{
        width:16%;
        height:.5rem;
        border-radius: .1rem;
        border:1px solid lightgray;
        outline: 0;
        padding: 0 0 0 .2rem;
        font-size: .2rem;
        position: absolute;
        left:9%;
        top:.4rem;
      }
      img{
        width:.25rem;
        height:.25rem;
        position: absolute;
        left:21%;
        top:.55rem;
      }
    }
    .p2{
      width:18%;
      height:.5rem;
      position: relative;
      left:22%;
      top:.4rem;
      border-radius: .1rem;
      line-height: .5rem;
      background: white;
      font-size: .2rem;
    }
    .p3{
      width:18%;
      height:.5rem;
      position: relative;
      left:42%;
      top:-.1rem;
      border-radius: .1rem;
      line-height: .5rem;
      background: white;
      font-size: .2rem;
    }
    .p4{
      width:18%;
      height:.5rem;
      position: relative;
      left:62%;
      top:-.6rem;
      border-radius: .1rem;
      line-height: .5rem;
      background: white;
      font-size: .2rem;
    }
     .p5{
      width:18%;
      height:.5rem;
      position: relative;
      left:81%;
      top:-1.1rem;
      border-radius: .1rem;
      line-height: .5rem;
      background: white;
      font-size: .2rem;
    }
  }
   .list{
      position: relative;
      top:.3rem;
      width:82%;
      min-height:2rem;
      margin:0 auto;
      // background: red;
      font-size: .2rem;
      td{
        width:7%;
        height:.6rem;
        text-align: left;
        font-size: .18rem;
        // background: teal;
        a{
          text-decoration:none
        }
      }
    }
    .page{
      width:82%;
      height:1rem;
      position: relative;
      top:.7rem;
      margin:0 auto;
      // background: pink
    }
    .page-bar{
      width:100%;
      height:1rem;
      margin:0 auto;
      font-size: .2rem;
    }
    ul, li{
      margin: 0px;
      padding: 0px;
    }
    li{
      list-style: none
    }
    .page-bar li:first-child>a {
      margin-left:20%;
      border-radius: .1rem;

    }
    .page-bar a{
      border: 1px solid rgb(107, 36, 102);
      text-decoration: none;
      position: relative;
      left:5%;
      float: left;
      border-radius: .1rem;
      padding: 6px 12px;
      margin:0 .05rem 0 .05rem;
      margin-left: -1px;
      line-height: 1.42857143;
      color: rgb(107, 36, 102);
      cursor: pointer
    }
    .page-bar a:hover{
        background-color: #eee;
    }
    .page-bar a.banclick{
        cursor:not-allowed;
    }
    .page-bar .active a{
        color: #fff;
        cursor: default;
        background-color: rgb(107, 36, 102);
        // border-color: #337ab7;
    }
    .page-bar i{
        font-style:normal;
        color: #d44950;
        margin: 0px 4px;
        font-size: 12px;
    }
}
.footer{
    width:100%;
    height:.6rem;
    font-size: .2rem;
    position: relative;
    top:2.3rem;
    // background: green;
    border-top:1px solid lightgray;
    li{
      width:20%;
      height:.6rem;
      line-height: .6rem;
      float:left;
      list-style: none;
      color: #6e769a;
      a{
        text-decoration: none;
        color: black;

      }
    }
  }
